import React, { Component } from 'react';
import { Scroller, Touchable } from '$yo-component';
import './index.scss';
// import { Router, Route, IndexRoute, Link } from '$router';
// import {NavLink} from 'react-router-dom'
import { Router, Route, Link, createHyBrowserHistory } from 'yo-router'
// var NavLink=require('../NavLink');
// var IndexLink=require('react-router').IndexLink;

class AppPage extends Component {
    render() {
        return (
            <div className="yo-flex">
                {this.props.children}
                <ul className="yo-tab yo-tab-view">
                    <li className="item item-y-ico"><Link to="/skill"><i className="yo-ico"></i>技能</Link></li>
                    <li className="item item-y-ico"><Link to="/project"><i className="yo-ico"></i>项目</Link></li>
                    <li className="item item-y-ico"><Link to="/work"><i className="yo-ico"></i>经历</Link></li>
                    <li className="item item-y-ico"><Link to="/my"><i className="yo-ico"></i>我的</Link></li>
                </ul>
            </div>
        )
    }
}

export default AppPage;
